<template>
	<view class="wrapper">
		<view class="cover"></view>
		<view class="main margin-top-80">
			<view class="point margin-bottom32">
				契约说明
			</view>

			<view class="point">
				1.定一个目标对象
			</view>

			<view class="point-detail margin-bottom32">
				如：坚持绘画。
			</view>

			<view class="point">
				2.设定目标对象的契约任务
			</view>

			<view class="point-detail margin-bottom24">
				如：设定坚持绘画一个月：<br /> 一个月内，绘画打卡的次数（日数）达6天及以上。
			</view>

			<view class="height1 margin-bottom32"></view>

			<view class="point">
				3.自主选择预捐赠金额和预捐赠项目
			</view>

			<view class="point-detail">
				如：40元人民币。
			</view>

			<view class="attach margin-bottom32">
				注：用户所选择皆为用户自愿选择，用户未达标其所设立的目标后，用户需自行向预捐赠项目捐赠预捐赠金额。
			</view>

			<view class="point">
				4.打卡
			</view>

			<view class="point-detail">
				为保证目标对象打卡的真实性，用户需拍摄并上传该目标对象的真实图片。<br />绘画打卡的作品需写上当天日期，防止重复上传。
			</view>

			<view class="point">
				如：拍摄并上传绘画图片
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free2/b6badc50-0d22-11ea-b033-03f6c8af3b18.jpg"
			 mode="aspectFit"></image>

			<view class="height1 border-bottom margin-bottom32"></view>


			<view class="point">5.契约说明</view>

			<view class="point-detail margin-bottom24">
				用户在契约期限内，完成其所设定的契约任务后，待本平台工作人员核实后，方为用户与本平台的目标契约结束。
			</view>

			<view class="point-detail margin-bottom24">
				如：用户在所设立的契约期限内，成功打卡绘画6天及以上，即是完成契约任务。该用户亦无责任向公益项目捐赠款项。当然，如果用户爱做公益，我们也倍感欣慰！
			</view>

			<view class="point-detail">
				倘如用户在契约期限内，未能按照其所设定契约任务的要求完成任务，则该用户需向其所设立的“预捐赠公益项目”捐赠“预捐赠金”。
			</view>

			<view class="point-detail margin-bottom32">
				用户捐赠完毕后，需将“款项捐赠支付成功的详情凭证”截屏并上传至小程序平台，“个人捐赠”页面点击对应的捐赠项目进行上传捐赠截图。待本平台工作人员核实后，方为用户与本平台的目标契约结束。
			</view>

			<view class="point">
				如：截屏并上传捐赠截图
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free2/ba820970-272c-11ea-b5fd-23c370828f10.jpg"
			 mode="aspectFit"></image>
			 
			 <view class="point-detail">
			 				 用户每次成功打卡即可得2个奖励金。1奖励金价值0.1元人民币。奖励金可提现为微信零钱。
			 </view>
			 <view class="button-wrapper">
			 	<u-button type="primary" size="default" @click="handleShowBonusInfo">点击了解更多奖励金信息</u-button>
			 </view>

			<!-- <view class="point-detail">
				特别说明：
			</view>

			<view class="point-detail">
				吃鲸目标小程序平台提供平台服务，用户所选择的捐赠金额、公益项目均为用户自愿选择，均由用户去执行落实捐赠给“腾讯公益”的爱心捐赠平台。如遇“腾讯公益”调整公益项目，用户可对实际捐赠公益项目对象有所调整。
			</view>

			<view class="point-detail">
				感谢您的信任和支持。
			</view> -->
		</view>

		<view class="button-wrapper">
			<u-button type="primary" size="default" @click="handleJumpSet">立即设定一个“坚持绘画”目标吧</u-button>
		</view>

		<view class="main">
			<view class="point">
				绘画的好处
			</view>

			<view class="point">
				1.丰富个人生活
			</view>

			<view class="point-detail">
				画画是人的天性，给人带来成就感、心灵的安宁、对自我的肯定。<br />学习绘画能够让一个人的生活丰富起来，让你学会处理一个人的生活，有了绘画，你不再孤单。闲暇的时候，拿起笔，集中精神，一画就是一两个小时，不仅仅能度过没事的时间，还能够从中得到异样的满足。<br />不用担心自己没有基础，也不用担心自己献丑，艺术来源于生活，你觉得这样是美，那它就是美。<br />偶尔放慢一直在奔跑的脚步，去欣赏生活中细微的美丽，去享受一段美好的时光。
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/0819df70-e199-11e9-8126-4dc7af777e1f.png"
			 mode="aspectFit"></image>

			<view class="height1 border-bottom margin-bottom24"></view>

			<view class="point">
				2.提升自信
			</view>

			<view class="point-detail">
				学习绘画能够让人变得更自信，因为绘画也是一种艺术，画画的人内在的修炼绝对高于普通人群，艺术范也增加了个人内涵，不管是在哪里，只要有机会就会把自身的绘画技能展现出来，得到别人的夸赞，这样也会让那个他们变得更自信。
			</view>

			<view class="flex-image-wrapper">
				<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/0e142d40-e199-11e9-a30a-41900ee53442.png"
				 mode="aspectFit"></image>
				<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/131fd550-e199-11e9-a30a-41900ee53442.png"
				 mode="aspectFit"></image>
				<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/17b059f0-e199-11e9-8126-4dc7af777e1f.png"
				 mode="aspectFit"></image>
			</view>

			<view class="height1 border-bottom margin-bottom24"></view>

			<view class="point">
				3.提升审美和品味
			</view>

			<view class="point-detail">
				学习画画是提升审美的最好方式，会画画的人他们擅长色彩搭配，有较高的审美能力，更懂得什么装扮适合自己，在绘画的时候通过事物的观察，就会使自己的品味变得精致，在选择衣服的时候也会变得有品味。<br />学习绘画能够提升一个人的品味，正所谓“有品位，才会品味生活”，而一个品味不俗的人，他的家居陈设、服饰风格都会与众不同，对于整个人生起到的优化作用，受用终生。
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/1c164c20-e199-11e9-83c4-692d6d1aaad6.png"
			 mode="aspectFit"></image>

			<view class="height1 border-bottom margin-bottom24"></view>

			<view class="point">
				4.对事物的理解更深入
			</view>

			<view class="point-detail">
				绘画的人，心思慎密。在绘画的时候，你会观察要画的事物，或者是人物的心里，或者是特点，那么你就能更深入的去了解事物，会锻炼你的思维能力，能够更好的去理解他人的心里。<br />别以为绘画只是手上功夫罢了，其实最重要的还是思维和感受，所以爱画画的人都是善于观察乐于思考。
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/211cc410-e199-11e9-8126-4dc7af777e1f.png"
			 mode="aspectFit"></image>

			<view class="point">
				5.修身养性，陶冶情操
			</view>

			<view class="point-detail">
				画画是一件陶冶情操的事情，是自己和观者的对话，也是自己和内心的交互。在难得的闲暇时光，画画，静心，养气质，是人生中的一大幸事。<br />学习绘画能够自己的身心都得到放松，能让自己的减轻压力。
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/25df2e20-e199-11e9-a3ed-05b4249b2ee6.png"
			 mode="aspectFit"></image>
			 
			 <view class="image-works margin-bottom24">齐白石作品</view>


			<view class="point">
				6.脱离尘世
			</view>

			<view class="point-detail">
				你也许会发现很多人沉迷于爱情和攀比之中，但是当你心中有了艺术，你会觉得你发现了更有意义的事。<br />你知道自己有一寸天地，是完全属于你自己的。你可以从中得到喜悦和满足。自然多了几分灵气，少了几分俗气。
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/2b14cc60-e199-11e9-a3ed-05b4249b2ee6.png"
			 mode="aspectFit"></image>

			<view class="height1 border-bottom margin-bottom24"></view>

			<view class="point-detail">
				当你开始要绘画后，会发现原来今天的天气这么蓝，云朵这么好看，草也特别的绿，是自己一直没有留意生活罢了。<br />走出室外，你感受的更多是自然是生活，而不是一直对着机器和冷冰冰的电脑手机。
			</view>

			<view class="point-detail margin-bottom32">
				你做三四月份的事，在八九月自有答案。
			</view>

			<view class="point margin-bottom24">
				Better late,than never. </br>
				只要开始，为时不晚。
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/c68feb30-e198-11e9-a30a-41900ee53442.png"
			 mode="aspectFit"></image>

			<view class="point">
				图文来源网络，如有侵权请联系删除。
			</view>
		</view>
		<!-- 奖励金信息 -->
		<u-popup v-model="showBonusInfo" mode="bottom">
			<view class="popup-wrapper">
				<view class="description-text">
					<view class="text">
						关于吃鲸信息奖励金
					</view>
					
					<view class="text">
						<view class="details">
							奖励金获得方式：
						</view>
						<view class="details">
							1、新用户首次登录小程序可获得2个奖励金。
						</view>
						<view class="details">
							2、新用户首次发布内容可获得2个奖励金。
						</view>
						<view class="details">
							3、一天内首次转发小程序可获得2个奖励金，一天内多次皆算一次。
						</view>
						<view class="details">
							4、每次成功打卡即可获得2个奖励金，一天内同目标打卡多次皆算一次。若用户通过非正常手段达标打卡的行为可视为作弊，如打卡内容为他人的内容，或发布内容与目标打卡契约不符合。我们有权将其此次成功打卡，改为未成功打卡，并取消该次奖励金的获得。
						</view>
					</view>
					
					<view class="text">
						注：1个奖励金价值0.1元人民币。奖励金可提现为微信零钱，用户可进入“奖励金和捐赠”页面，点击“提现至微信”。经后台核实后处理，即可将奖励金提现为微信零钱。具体到账时间请以信息通知为准。
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showBonusInfo: false,
				sysGoalId: ''
			}
		},
		onLoad(options) {
			this.sysGoalId = options.sysGoalId
		},

		methods: {
			handleShowBonusInfo() {
				this.showBonusInfo = true
			},
			handleJumpSet() {
				uni.navigateTo({
					url: `/pages/insidePages/setGoals/setGoalDetails?sysGoalId=${this.sysGoalId}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrapper {
		padding-bottom: 32rpx;
	}

	.cover {
		height: 500rpx;
		width: 100%;
		background-image: url(https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/00cde450-e199-11e9-83c4-692d6d1aaad6.png);
		background-size: contain;
		background-position: center center;
	}

	.button-wrapper {
		width: 90%;
		margin: 50rpx auto;
	}

	.main {
		width: 85%;
		margin: 0 auto;
		padding: 24rpx;
		border: 1px solid #000;
		background-color: #fff;
		z-index: 1;
		box-shadow: 2px 2px 10px #7f7f7f;
	}

	.margin-top-80 {
		margin-top: -80rpx;
	}

	.border-bottom {
		padding-bottom: 16rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	}

	.height1 {
		height: 1px;
	}

	.point {
		margin-bottom: 12rpx;
		font-size: 26rpx;
	}

	.point-detail {
		margin-bottom: 12rpx;
		font-size: 26rpx;
		color: #6d7278;
	}

	.attach {
		color: rgba(0, 0, 0, 0.25);
		font-size: 26rpx;
	}

	.image {
		width: 100%;
	}

	.margin-bottom24 {
		margin-bottom: 48rpx;
	}

	.margin-bottom32 {
		margin-bottom: 64rpx;
	}

	.image-text {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.flex-image {
		width: 45%;
	}

	.flex-image-wrapper {
		display: flex;

		.image {
			height: 300rpx;
			flex: 1;
		}
	}
	
	.image-works {
		text-align: right;
		color: rgba(0, 0, 0, 0.25);
		font-size: 24rpx;
	}
	
	.popup-wrapper {
		padding: 40rpx;
		background-color: #000000;
			
		.title {
			margin-bottom: 28rpx;
			text-align: center;
		}
			
			
		.text {
			margin-bottom: 30rpx;
			font-size: 32rpx;
			color: #fff;
			
			.details {
				margin-bottom: 12rpx;
			}
		}
	}
</style>
